		<div id="wishlist">
		<img src="css/images/icon_aller.png" style="float:left;margin:6px 5px 0 8px;">
	<h1 id="list" onclick="f_changer('html/mabiblio.html');">Voir ma biblioth&egrave;que</h1>
	</div>
	<!--********************************************Leftside**************************************************************-->
	
	<div id="leftside">
		<h1 id="biblio" class="title">Ma wishlist</h1>
		<img id="ligne2" src="css/images/ligne2.png"/>
		<div id="production">
		<p>Cette page liste les livres que vous avez ajout&eacute; &agrave; votre biblioth&egrave;que, mais que vous avez indiqu&eacute; comme non lus.</p>
		</div>
	<script type="text/javascript" language="JavaScript" src="js/rond.js"></script> 
	 <div id="tag" class="box">
      	 <p style="width:280px;color:white;">
        <span style="font-size : 100%;">fantasy</span> <span style="font-size : 130%;">design</span><span style="font-size : 90%;"> triste</span><span style="font-size : 170%;"> amour</span><span style="font-size : 140%;"> fiction</span><span style="font-size : 210%;"> informatique</span> tropiques <span style="font-size : 125%;">bleu</span>
        <span style="font-size : 170%;">javascript</span> <span style="font-size : 130%;">intelligence</span> <span style="font-size : 180%;">Lewis Carroll</span> <span style="font-size : 150%;">Venise</span> <span style="font-size : 180%;">typography</span> <span style="font-size : 110%;">text</span> <span style="font-size : 120%;">foules intelligentes</span> <span style="font-size : 110%;">java</span> 
        <span style="font-size : 130%;">livre</span><span style="font-size : 170%;"> Strauss</span> imagination <span style="font-size : 110%;">rhino</span><span style="font-size : 230%;"> ordinateur</span> print <span style="font-size : 115%;">CEN</span><span style="font-size : 140%;"> literature</span><span style="font-size : 120%;"> lupton</span><span style="font-size : 145%;"> david </span>
        <span style="font-size : 120%;"> rheingold</span> flanagan <span style="font-size : 210%;">hypermédias</span><span style="font-size : 140%;"> Claude Lévi-Strauss</span><span style="font-size : 90%;"> 2002</span><span style="font-size : 130%;"> poliphili</span> master2 
        <span style="font-size : 140%;">wonderland</span> <span style="font-size : 110%;">1865</span><span style="font-size : 120%;"> amour</span>     
        </p>
     </div>

</div>



<!--********************************************Rightside**************************************************************-->
<script type="text/javascript" language="JavaScript" src="js/block.js"></script> 
	<div id="rightside">
		<h1 id="malecture">Mes Lectures</h1>
		
		<div id="lecture1" class="lecture">
			<img class="ligne2" src="css/images/ligne2.png"/>
			<div id="couverture1" class="book">
				<h2 id="nombook" class="nomlivre"><a onclick="f_changer('html/fichelivre.html');">Alice in wonderland</a></h2>
			</div>

		<div class="livre">
				<div class="accordion">
							<h4 class="head" id="information"><a href="#">Information(s)</a></h4>
							<div>
								<p>Lewis Carroll, 1865</p>
							</div>
							<h4 class="head" id="formation"><a href="#">Formation(s)</a></h4>
							<div style="display:none;">
								<p>"Master 1 C.E.N."</p>
							</div>
							<h4 class="head" id="commentaire"><a href="#">Commentaires(s)</a></h4>
							<div style="display:none;">
								<p>Il y a d&eacute;j&agrave; 9 commentaire(s) pour cet ouvrage. <a onclick="f_changer('html/fichelivre.html')">(en savoir plus)</a></p>
							</div>
				</div>				
		</div>
			
	</div>
		
		<div id="lecture2" class="lecture">
			<img class="ligne2" src="css/images/ligne2.png"/>
			<div id="couverture2" class="book">
				<h2 id="nombook" class="nomlivre"><a onclick="f_changer('html/fichelivre.html');">Book & Fanzines</a></h2>
			</div>
			<div class="livre">
				<div class="accordion">
							<h4 class="head" id="information"><a href="#">Information(s)</a></h4>
							<div>
								<p>Ellen Lupton, 2008</p>
							</div>
							<h4 class="head" id="formation"><a href="#">Formation(s)</a></h4>
							<div style="display:none;">
								<p>&laquo; Ce livre est conseill&eacute; pour toutes les licences en arts [...] &raquo;</p>
							</div>
							<h4 class="head" id="commentaire"><a href="#">Commentaires(s)</a></h4>
							<div style="display:none;">
								<p>Il y a d&eacute;j&agrave; 4 commentaire(s) pour cet ouvrage. <a onclick="f_changer('html/fichelivre.html')">(en savoir plus)</a></p>
							</div>
				</div>				
			</div>
		</div>
		
		<div id="lecture3" class="lecture">
			<img class="ligne2" src="css/images/ligne2.png"/>
			<div id="couverture3" class="book">
				<h2 id="nombook" class="nomlivre"><a onclick="f_changer('html/fichelivre.html');">Tristes tropiques</a></h2>
			</div>
			<div class="livre">
				<div class="accordion">
							<h4 class="head" id="information"><a href="#">Information(s)</a></h4>
							<div>
								<p>Claude L&eacute;vi-Strauss, 1955</p>
							</div>
							<h4 class="head" id="formation"><a href="#">Formation(s)</a></h4>
							<div style="display:none;">
								<p>Licences d'anglais, cours 'Animals after all', ...</p>
							</div>
							<h4 class="head" id="commentaire"><a href="#">Commentaires(s)</a></h4>
							<div style="display:none;">
								<p>Il y a d&eacute;j&agrave; 6 commentaire(s) pour cet ouvrage. <a onclick="f_changer('html/fichelivre.html')">(en savoir plus)</a></p>
							</div>
				</div>				
			</div>
		</div>

		
		
<!--  *********************************LA lIGNE 2*******************************************************************   -->	
		<div id="lecture4" class="lecturebas">
			<img class="ligne2" src="css/images/ligne2.png"/>
			<div id="couverture4" class="book">
				<h2 id="nombook" class="nomlivre"><a onclick="f_changer('html/fichelivre.html');">Foules intelligentes</a></h2>
			</div>
			<div class="livre">
				<div class="accordion">
							<h4 class="head" id="information"><a href="#">Information(s)</a></h4>
							<div>
								<p>Howard Rheingold, 2002</p>
							</div>
							<h4 class="head" id="formation"><a href="#">Formation(s)</a></h4>
							<div style="display:none;">
								<p>Masters du domaine Hyperm&eacute;dias</p>
							</div>
							<h4 class="head" id="commentaire"><a href="#">Commentaires(s)</a></h4>
							<div style="display:none;">
								<p>Il y a d&eacute;j&agrave; 2 commentaire(s) pour cet ouvrage. <a onclick="f_changer('html/fichelivre.html')">(en savoir plus)</a></p>
							</div>
				</div>				
			</div>
		</div>
		
		<div id="lecture5" class="lecturebas">
			<img class="ligne2" src="css/images/ligne2.png"/>
			<div id="couverture5" class="book">
				<h2 id="nombook" class="nomlivre"><a onclick="f_changer('html/fichelivre.html');">Javascript</a></h2>
			</div>
			<div class="livre">
				<div class="accordion">
							<h4 class="head" id="information"><a href="#">Information(s)</a></h4>
							<div>
								<p>David Flanagan, 2002</p>
							</div>
							<h4 class="head" id="formation"><a href="#">Formation(s)</a></h4>
							<div style="display:none;">
								<p>Master C.E.N., domaine Hyperm&eacute;dias, cours de JavaScript</p>
							</div>
							<h4 class="head" id="commentaire"><a href="#">Commentaires(s)</a></h4>
							<div style="display:none;">
								<p>Il y a d&eacute;j&agrave; 5 commentaire(s) pour cet ouvrage. <a onclick="f_changer('html/fichelivre.html')">(en savoir plus)</a></p>
							</div>
				</div>				
			</div>
		</div>
		
		<div id="lecture6" class="lecturebas">
			<img class="ligne2" src="css/images/ligne2.png"/>
			<div id="couverture6" class="book">
				<h2 id="nombook" class="nomlivre"><a onclick="f_changer('html/fichelivre.html');">Hypnerotomachia Poliphili</a></h2>
			</div>
			<div class="livre">
				<div class="accordion">
							<h4 class="head" id="information"><a href="#">Information(s)</a></h4>
							<div>
								<p>le plus beau livre du monde, Venise 1499-Paris 1546</p>
							</div>
							<h4 class="head" id="formation"><a href="#">Formation(s)</a></h4>
							<div style="display:none;">
								<p>Cours de typographie</p>
							</div>
							<h4 class="head" id="commentaire"><a href="#">Commentaires(s)</a></h4>
							<div style="display:none;">
								<p>Il n'y a pas encore de commentaires sur cet ouvrage. <a onclick="f_changer('html/fichelivre.html')">(en savoir plus)</a></p>
							</div>
				</div>				
			</div>
		</div>
</div>